<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div id="div1">
			<h3>工作经历</h3>
			<hr >	
			<br>
			公司名称：<input type="text" name="" id="" value="" />
			职位：<input type="text" name="" id="" value="" />
			<a href="#" onclick="deletes();">删除工作经历</a>
			<br>
			<br>
			  <table>
			   <tr>
				   <td align="center">
			工作职责及工作内容描述：
		         </td>
			<td>
			<textarea rows="10" cols="100">	
			</textarea>
		      </table>
			<hr >	
			<p align="right"><a href="#" onclick="adds();">添加工作经历</a></p>
		</div>
	</body>
	<script type="text/javascript">
		function adds()
		{
			var obj1=document.getElementById('div1');
			obj1.innerHTML+=`<div id='div2'>	
				公司名称：<input type="text" name="" id="" value="" />
			职位：<input type="text" name="" id="" value="" />
			<a href="#" onclick="deletes();">删除工作经历</a>
			<br>
			<br>
			  <table>
			   <tr>
				   <td align="center">
			工作职责及工作内容描述：
		         </td>
			<td>
			<textarea rows="10" cols="100">	
			
			</textarea>
		      </table>
			<hr >	
			<p align="right"><a href="#" onclick="adds();">添加工作经历</a></p>`
		}
		function deletes()
		{
			var obj1=document.getElementById('div1');
			var obj2=document.getElementById('div2');
			obj1.removeChild(obj2);

		}
	</script>
</html>
